<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
	<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
	<title>个人中心</title>
	<link rel="stylesheet" type="text/css" href="__CSS__/api.css" />
	<link rel="stylesheet" type="text/css" href="__CSS__/aui.css" />
	<style>
		#header {
			position: fixed;
			top: 0;
			left: 0;
		}

		.topkong {
			height: 2rem;
		}

		body {
			background: #fff;
			background: url('__IMG__/beijing.png') no-repeat top center #FAFAFC;
			background-size: 100% 198px;
			text-align: center;
		}

		.head {
			height: 60px;
			width: 60px;
			margin: 30px auto 13px;
			border-radius: 50%;
		}

		.name1 {
			font-size: 18px;
			font-weight: bold;
			color: #FFFFFF;
			line-height: 25px;
		}

		.name2 {
			font-size: 14px;
			font-weight: bold;
			color: #FFFFFF;
			line-height: 20px;
			margin: 6px 0 14px;
		}

		.box {
			padding: 0 15px;
			height: 100px;
			font-size: 16px;
			font-weight: bold;
			color: #494F61;
			line-height: 100px;
			text-align: right;
		}

		.ge {
			width: 15px;
		}

		.img1 {
			background: url('__IMG__/report_list.png') no-repeat center center;
			background-size: 100% 100%;
			padding-right: 20px;
			border-radius: 10px;
			box-shadow: 0px 5px 6px 0px rgba(214, 214, 214, 0.5);
		}

		.img2 {
			background: url('__IMG__/report_rush.png') no-repeat center center;
			background-size: 100% 100%;
			padding-right: 20px;
			border-radius: 10px;
			box-shadow: 0px 5px 6px 0px rgba(214, 214, 214, 0.5);
		}
	</style>
	<style>
		.service_title {
			font-size: 15px;
			color: #404040;
			font-weight: bold;
			height: 4rem;
			line-height: 4rem;
			text-align: center;
			/*padding-left: 0.75rem;*/
		}

		.tu {
			height: 2.34rem;
			line-height: 2.34rem;
			padding-left: 0.75rem;
			padding-right: 0.75rem;
			margin-top: 0.3rem;
			margin-bottom: 0.3rem;
		}

		.icon {
			width: 1.2rem;
			height: 1.2rem;
			margin-top: 0.5rem;
			margin-bottom: 0.6rem;
		}

		.icon img {
			margin: 0 auto;
			/*加个圆角*/
			border-radius: 50%;
		}

		.left {
			font-size: 18px;
			color: #555555;
			padding-left: 0.5rem;
		}

		.arrow1 {
			width: 0.3rem;
			height: 2.3rem;
			background: url(__IMG__/right_arrow.png) no-repeat center center;
			background-size: 0.3rem 0.55rem;
			margin-left: 0.1rem;
			padding-right: 2rem;
			font-weight: normal;
			color: gray;
			font-size: 18px;
		}

		.service1 {
			width: 17.225rem;
			margin: 1rem auto 0;
			border-radius: 0.55rem;
			background-color: #FFFFFF;
		}
	</style>
</head>

<body>
<img src="{$userInitInfo.user_image}" alt="" class="head">
<div class="name1">{$userInitInfo.user_username}</div>
<div class="name2">手机号：{$userInitInfo.user_phone}</div>
<!--<div class="flex-wrap box">-->
	<!--<div class="flex-con img1" onclick="person();">个人中心</div>-->
	<!--<div class="ge"></div>-->
	<!--<div class="flex-con img2" onclick="myList(1);">报备更新</div>-->
<!--</div>-->
<div class="service1">
	<div class="service_title underLine">我的服务</div>
	<!--<div class="tu flex-wrap" onclick="address()" tapmode>-->
		<!--<div class="icon"><img src="__IMG__/service1.png" /></div>-->
		<!--<div class="left">个人账户</div>-->
		<!--<div class="flex-con"></div>-->
		<!--<div class="arrow1"></div>-->
	<!--</div>-->
	<div class="tu flex-wrap" onclick="person();">
		<div class="icon"><img src="__IMG__/report_list.png" /></div>
		<div class="left">个人中心</div>
		<div class="flex-con"></div>
		<div class="arrow1"></div>
	</div>
	<div class="tu flex-wrap" onclick="myList(4)" tapmode>
		<div class="icon"><img src="__IMG__/report_list.png" /></div>
		<div class="left">已加盟</div>
		<div class="flex-con"></div>
		<div class="arrow1">{$four}</div>
	</div>
	<div class="tu flex-wrap" onclick="myList(1)" tapmode>
		<div class="icon"><img src="__IMG__/report_list.png" /></div>
		<div class="left">已报备</div>
		<div class="flex-con"></div>
		<div class="arrow1">{$one}</div>
	</div>
	<div class="tu flex-wrap" onclick="myList(2)" tapmode>
		<div class="icon"><img src="__IMG__/report_list.png" /></div>
		<div class="left">待更新 {if $two}<span style="color: red;font-size: 14px;">●</span>{/if}</div>
		<div class="flex-con"></div>
		<div class="arrow1">{$two}</div>
	</div>
	<div class="tu flex-wrap" onclick="myList(3)" tapmode>
		<div class="icon"><img src="__IMG__/report_list.png" /></div>
		<div class="left">待审核</div>
		<div class="flex-con"></div>
		<div class="arrow1">{$three}</div>
	</div>
	<div class="tu flex-wrap" onclick="myList(5)" tapmode>
		<div class="icon"><img src="__IMG__/report_list.png" /></div>
		<div class="left">已过期</div>
		<div class="flex-con"></div>
		<div class="arrow1">{$five}</div>
	</div>
	{if $userInitInfo.user_teacher == 2}
	<div class="tu flex-wrap" onclick="myList2(2)" tapmode>
		<div class="icon"><img src="__IMG__/report_list.png" /></div>
		<div class="left">我的客户报备</div>
		<div class="flex-con"></div>
		<div class="arrow1">{$six}</div>
	</div>
	{/if}
</div>
</body>
{include file="public/footer" /}
<script type="text/javascript">
	function myList(type) {
        location.href = '{:url("My/mylist")}?type='+type;
	}
	function myList2(level) {
        location.href = '{:url("My/mylist")}?level='+level;
	}
	//个人中心
	function person() {
        location.href = '{:url("My/userSet")}';

	}

	//我的地址
	function address() {
        location.href = '{:url("My/getAddress")}';
	}
	//意见反馈
	function feedback() {
        location.href = '{:url("My/feedback")}';
	}
	//我的团队
	function team() {
        location.href = '{:url("Server/team")}';
	}
	//我的课程
	function course() {
        location.href = '{:url("Server/course")}';
	}
	//申请成为代理
	function ask() {
        location.href = '{:url("Server/ask")}';
	}
	//关于我们
	function about() {
        location.href = '{:url("Server/about")}';
	}

</script>

</html>
